<template>
 <div class="login" v-cloak>
     <div class="Main_content">
      <!-- 企业用户注册 -->
        <div class="person_register code" style="height: 665px;" >
          <p class="code_title">企业用户注册</p>
          <div class="person_Xin">
            <form action="">
                <p class="register_T">
                <span>企业名称：</span
                ><input
                  v-model="registerUser.entname"
                  type="text"
                  placeholder="请输入企业名称"
                />
              </p>

              <p class="register_T" v-if="this.isemail">
                <span>邮箱：</span
                ><input
                  v-model="registerUser.email"
                  type="text"
                  placeholder="请输入正确邮箱"
                />
              </p>
              <p class="register_T" v-else>
                <span>手机号：</span
                ><input
                  v-model="registerUser.mobile"
                  type="text"
                  placeholder="请输入正确手机号码"
                />
              </p>


              <p class="register_T Verification">
                <span>验证码：</span
                ><input v-model="registerUser.code" type="text" placeholder="请输入验证码" /><button
                  type="button"
                  class="btn btn-primary btn-lg active"
                >
                  获取验证码
                </button>
              </p>
              <p class="register_T">
                <span>登录密码：</span
                ><input
                  v-model="registerUser.password"
                  type="password"
                  placeholder="密码由~10位字母/数字组成"
                />
              </p>
              <p class="register_T">
                <span>确认密码：</span
                ><input v-model="registerUser.confirmpassword" type="password" placeholder="请再次输入用户密码" />
              </p>
            </form>
              <button type="button" class="btn btn-primary btn-lg btn-block submissio register_btn" :disabled="!isCheck" @click="Register">
                注  册
              </button>
              <p class="code_foot register_foor">
                  <span
                    ><a > <input type="checkbox"   class="cbox" :checked="isCheck" @click="isCheck=!isCheck" />我已阅读并同意<span @click="showTotas()">用户协议</span></a></span
                  ><span class="code_reg"><a  @click="emailregster">{{this.isemail?"使用手机号注册":"使用邮箱注册"}}</a></span>
                </p>
                <p class="code_foot register_foor">
                    <span
                      ><a @click="EnterpriseRegistration"> 切换个人用户注册</a></span
                    ><span class="code_reg">已有账号，<a  @click="login">直接登录</a></span>
                  </p>
          </div>
        </div>
        <!-- 弹窗 -->
          <totas v-show="isTotas" @totas="totas" :title="'企业平台用户协议'" :hidnbtn="true">
              <div class="totas-text">
                <!-- 后端渲染 -->
                  <p>欢迎您注册成为企业发展服务平台用户（以下简称平台），在您注册之前，请先认真阅读本协议!
                  1、注册时需提供国内手机或有效电子邮箱，注册成功后可登录平台办理业务；
                  2、平台已接入苏州工业园区企业发展服务中心各项服务业务，部分情况会根据具体业务要求进行用户认证，需要补充信息、上传身份证件扫描件等材料；
                  3、用户应妥善保管帐号和密码，凡使用您的帐号进行网上办事、咨询、投诉和查询，企业发展服务平台均视为您本人办理；用户将自行承担因密码保管不善带来的不利后果；
                  4、如用户信息变更，请及时登录平台进行修改；
                  5、用户登录平台后可办理的具体业务事项，由系统依据苏州工业园区企业发展服务中心相关规定自行设置，解释权归苏州工业园区企业发展服务中心所有；
                  6、平台承诺，不得对外公开或向第三方提供用户注册资料及用户在使用网络服务时存储在平台的非公开内容，但下列情况除外：
                  （1）事先获得用户的明确授权；
                  （2）依据有关的法律法规要求；
                  （3）依照相关政府主管部门或司法部门的要求；
                  （4）为维护社会公众的利益；
                  （5）为维护企业发展服务平台的合法权益；

                  7、免责条款

                  （1）用户明确同意使用平台，因其使用平台网络服务而产生的一切后果由用户自己承担，苏州工业园区企业发展服务中心对用户不承担任何责任。

                  （2）平台不保证提供的网络服务一定能满足用户要求，也不承诺网络服务不会中断，对网络服务的及时性、安全性、准确性都不作承诺，且不对上述事项承担任何责任。

                  8、平台有权根据互联网的发展和中华人民共和国有关法律、法规的变化，不时地完善和修改服务条款。用户在使用平台的服务时，应事先仔细阅读和重新确认平台服务条款（含变更条款）。用户一经登录，即被视为已经阅读并同意接受平台服务条款以及条款所做的变更。当发生争议时，请以最新的服务条款为准。

                  

                  苏州工业园区企业发展服务中心

                  2017 年 6 月</p>
              <!-- 后端渲染结束 -->
            </div>
          </totas>
         </div>
           </div>
</template>

<script>
import totas from '../../views/supermarket/totas1'
export default{
  
    data(){
      return{
      registerUser:{
        entname:"", //企业名称
        mobile:"",  //电话
        email:"",//邮箱
        password:"", //密码
        confirmpassword:"", //确认密码
        code:"",     //验证码
      },
      cur:0,
      isemail:false,//是否使用邮箱注册

      isCheck:false,
        navD: [
            { id: 1, zt: "首页"},
            { id: 2, zt: "惠企政策"},
            { id: 3, zt: "服务超市 "},
            { id: 4, zt: " 金融云 "},
            { id: 5, zt: "投融资中心" }  ,  
            { id: 6, zt: "企业名录   " }  ,   
            { id: 7, zt: "企业活动 " }  ,   
            { id: 8, zt: "园区配套" }  ,      
          ],
          user:[{id:1,user:"个人用户"},{id:2,user:"企业用户"}],
          isTotas:false,//弹窗是否显示
          }
          
    },
    components:{totas},
    methods:{
    

        getItme(item,index){
            this.cur=index
              switch(index){
                case 2:
                  this.$router.push({ path:'/ServiceSupermarket/Home'})
                  break;

            }
        },



      //使用邮箱注册
      emailregster(){
          if(this.isemail){
              this.registerUser.email="";
          }else{
              this.registerUser.mobile="";
          }
          this.isemail=!this.isemail;
      },
      //跳转到登录
      login(){
           this.$router.push({ path:'/user/login'})
      },
      //跳转到个人注册
      EnterpriseRegistration(){
         this.$router.push({ path:'/user/PersonalRegistration'})
      },
  
   

   

     //注册
     Register(){
        debugger
        var jsondata={  parkid:1,
                        entid:1,
                        entname:this.registerUser.entname,
                        loginname:this.registerUser.mobile+this.registerUser.email,
                        password:this.registerUser.password,
                        mobile:this.registerUser.mobile, 
                        name:this.registerUser.mobile+this.registerUser.email,
                        email:this.registerUser.email,
                        type:2};

        this.post({
                url:'/user/regist',
                data:jsondata,
                msg:{show:true},
            }).then(res=>{
                console.log(res)
            });
     },
     //隐藏弹窗
        totas(state){
            this.isTotas = false;
        },
        //显示用户协议
        showTotas(){
          this.isTotas = true;
        },
    }
}
</script>
<style scoped>
.Main_content .code .code_foot a span:hover{
  color: red;
}
.totas-text{
  height: 373px;
  font: 12px;
  color: #333;
  overflow: scroll;
  padding: 0 30px;
}
.Main_content .code .code_foot a,.code_reg{
  font-size: 12px;
}
.person_register .register_foor input{
  height: 13px;
  width: 13px;
  vertical-align: middle;
}
.person_Xin .register_T span{
  color: #666;
  font-size: 16px;
}
</style>
